<template>
    <view class="content">
        <a-demo title="基础使用">
            <view class="row">
                <pure-loadmore></pure-loadmore>
            </view>
            <view class="row">
                <pure-loadmore status="loading"></pure-loadmore>
            </view>
            <view class="row">
                <pure-loadmore status="nomore"></pure-loadmore>
            </view>
            <view class="row">
                <pure-loadmore status="fail"></pure-loadmore>
            </view>
        </a-demo>
    </view>
</template>

<script setup>
</script>

<style scoped>
.row {
    padding: 0;
    border-radius: 5px;
    background: var(--pure-background-element);
    margin: 10px 0;
}
</style>
